<div class="mask" (click)="closeDialog()" *ngIf="config.show" [ngStyle]="{'display': config.show?'block':'none'}"></div>
<div class="dialog-container" [class]="containerPos" *ngIf="config.show" #container
  [ngStyle]="{'width': config.width,'display': config.show?'block':'none'}">
  <div class="header" *ngIf="title">
    <div class="title" [ngStyle]="{'text-align': config.titlePos}">
      <ng-container *ngTemplateOutlet="title"></ng-container>
    </div>
    <div class="close" (click)="closeDialog()">
      x
    </div>
  </div>
  <div class="content" *ngIf="content">
    <ng-container *ngTemplateOutlet="content"></ng-container>
  </div>
  <div class="footer">
    <ng-container *ngTemplateOutlet="footer?footer:default"></ng-container>
  </div>
</div>
<ng-template #default>
  <div class="footer-container">
    <button>确定</button>
  </div>
</ng-template>
